<template>
  <div>
    <div class="information_content" @click="goDetails(item.id)" v-for="item in content">
      <div>
        <img v-lazy="item.image" :src="item.image" alt="">
      </div>
      <div class="information_content_right">
        <div>
          {{item.title}}
        </div>
        <div class="time">{{item.createtime_friend}}</div>
      </div>
    </div>
  </div>
</template>

<script>
  import Vue from 'vue'
  import {getCityName} from '../../assets/js/cache';
  // import {InformationList} from '../../axios/api';
  import {Lazyload} from 'mint-ui';

  Vue.use(Lazyload);

  export default {
    props: {

      // selectedTop:{
      //   type:Number
      // },
      // column_id:{
      //   type:Number
      // },
      // column_id_children:{
      //   type:Number
      // },
      content: {
        type: Array
      }
    },
    name: 'InformationContent',
    data() {
      return {
      }
    },
    methods: {
      goDetails(id) {
        // this.$router.push({name:'InformationDetails/id',query:{id:id}})
        this.$router.push('/InformationDetails/' + id);
      }
    },
    created() {

    }

  }
</script>

<style scoped>
  .information_content {
    display: flex;
    padding: 10px;
    font-size: 0.9rem;
    color: #333333;
    height: 5rem;
  }

  .information_content img {
    width: 7rem;
    height: 100%;
  }

  .information_content .information_content_right {
    margin-left: 10px;
    position: relative;
    flex: 1;
  }

  .information_content .information_content_right .time {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.8rem;
    color: #999999;
  }

  .information_content image[lazy=loading] {
    width: 7rem;
    height: 100%;
  }
</style>
